<template>
  <div class="container">
    <HospitalTop class="hospitalTop" />
    <div class="main">
      <router-view></router-view>
    </div>
    <HospitalBottom />
    <Login />
  </div>
</template>

<script setup lang="ts"></script>
<style scoped lang="scss">
.hospitalTop {
  position: fixed;
  top: 0;
  z-index: 100;
}

.main {
  min-height: 100vh;
  max-width: 1200px;
  margin: $hospital-top-pc auto 0;
}

@media (max-width: 1280px) {
  .main {
    padding: 0 16px;
    margin: $hospital-top-ipad auto 0;
  }
}

@media (max-width: 768px) {
  .main {
    margin: $hospital-top-iphone auto 0;
  }
}
</style>
